@import url(mobile.css);
img{width:100%;}
.bg_gray{background-color:#eee;}
.wrap{font-size:450px;}
.wrap_in{width:100%; max-width:800px; margin:0 auto;font-size:0.038em;}

.inbox{width:97.5%; margin:0 auto;}

 
.header .inbox{position:relative; padding:3% 0;}
.header h1,.menu_wrap h3{width:46%;}
.header h1 a,.header h1 img{display:block;}
#h_lang{position:absolute;top:50%;right: 10%;width: auto;text-align:center;font-size:0;margin-top: -7px;}
#h_lang a{display:inline-block;width:auto;margin: 0 6px;}
 .menu_btn{line-height: 0.5em;text-align:right;display:block;position:absolute;top:0;right:0;width: 8%;top: 50%;z-index: 99999;margin-top: -5%;}
  

.bar {
	position: relative;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	background-color: #2252c1;
	padding: 6% 0;
}
.menu_btn .bar:nth-of-type(2) {}
.menu_btn .bar:nth-of-type(1) {width: 80%;}
.menu_btn .bar:nth-of-type(2) {width: 100%;}
.menu_btn .bar:nth-of-type(3) {width: 60%;}

.cross {height:100%;}
.cross .bar{width:100% !important;background-color: #fff;position: absolute;}

.cross .bar:nth-of-type(1) {
	-webkit-transform: translateY(0) rotate(-49deg);
	-ms-transform: translateY(0) rotate(-49deg);
	transform: translateY(0) rotate(-49deg);
	transform-origin: 50% 50%;
	top: 23%;
	right: 0;
}

.cross .bar:nth-of-type(2) {
	opacity: 0;
	
}
.cross .bar:nth-of-type(3) {
	-webkit-transform: translateY(0) rotate(48deg);
	-ms-transform: translateY(0) rotate(48deg);
	transform: translateY(0) rotate(48deg);
	transform-origin: 50% 50%;
	top: 22%;
	right: 0;
}
.cross:hover .bar:nth-of-type(1) {
	-webkit-transform: translateY(0) rotate(48deg);
	-ms-transform: translateY(0) rotate(48deg);
	transform: translateY(0) rotate(48deg);
}
.cross:hover .bar:nth-of-type(2) {
	opacity: .0;
}
.cross:hover .bar:nth-of-type(3) {
	-webkit-transform: translateY(0) rotate(-49deg);
	-ms-transform: translateY(0) rotate(-49deg);
	transform: translateY(0) rotate(-49deg);
}


.menu_wrap{position:fixed;top:0;right:0;width:0;height:0;background-color:#2252c1;clip: rect(0, auto, auto, 0);z-index: 1000; overflow-y:scroll}
.menu_logo {padding-bottom:3%; border-bottom:2px solid #7499ed;}



.gnb li{border-bottom:1px solid #7499ed;}
.gnb li>a,.gnb li>span{display:block; position:relative; padding:4% 0 4% 8%; color:#fff; font-size:150%; font-weight:500}
.gnb li>a font,.gnb li>span   font{position:absolute;left:3.8%;top: 48%;font-size: 30%;}
.gnb li>span::after{position:absolute; top:33%; right:0; color:#fff; content:"-"; font-size:100%; font-weight:500;}

.gnb li .submenu{position:relative; left:8%; padding:4% 3%; width:92%; border-radius:5px; background-color:#7499ed; margin-bottom:4%; display:none;}
.gnb li .submenu a{display:block; color:#1b1b1b; font-size:120%; margin-top:4%; font-weight:500}

.contents{}

.con_menu{background-color:#2252c1; padding:1.5% 0;}
.con_menu a{display:block; float:left; width:23.125%; margin-right:1.5%;}

.main_banner{padding:1.5%;}
.main_banner a{display:block;float:left;width:49.25%}

.board_box>div{padding:7% 0;}
.board_box h3{color:#1b1b1b; margin-bottom:4.5%;}

.board1 ul{border-top:2px solid #1b1b1b;}
.board1 li{border-bottom:1px solid #1b1b1b;padding: 3% 2%;}
.board1 li a{color:#1b1b1b;font-size: 108%;/* width:90%; */position: relative;padding-right: 10%;width: auto;}
.board1 li a span{display:inline-block; padding:1% 2%; background-color:#2252c1; color:#fff; margin-right:3%;}
.board1 li a font{display:inline-block;   margin-right:2%;}
.board1 li a i{margin-left:1%;position: absolute;right: 0;color:red;font-weight:bold;font-style: inherit;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}


.board1.bg_gray li a{position:relative;width:100%;padding: 1% 25% 1% 0;}
.board1.bg_gray li a span{position:absolute; top:0; right:0;}
 
.board2 li{width:38.4%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.board2 li.empty_li{background-color:transparent !important}
.board2 li div{padding:10% 7% 90% 7%; position:relative;}
.board2 li h5{position:absolute;top: 7%;left:0;font-size:100%;color:#1b1b1b;font-weight:900;padding:0 7%;text-align:justify;width: 100%;}
.board2 li h5 span{display:block; color:#2252c1; font-size:160%; font-weight:900; margin-bottom:8%;}
.board2 li font{position:absolute;top: 14%;right:7%;font-size:86%;}
.board2 li .state{position:absolute;bottom: 7%;left:7%;width:46%;text-align:center;font-size:85%;padding:2% 0;}
.bg1{border:1px solid #1b1b1b !important; color:#fff !important; background-color:#1b1b1b !important}
.bg2{color:#fff !important; background-color:#2252c1 !important}
.board2 li .new_icon{position:absolute; bottom:8%; right:7%;color:red;font-weight:bold;font-style: inherit;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}

.main_banner2 {padding-top:2%;}
.main_banner2 li{margin-bottom:2%;}


.footer{margin-top:5%}
.cus_center{padding: 3% 0 3%;}
.cus_center h3{display:inline-block; color:#1b1b1b; font-size:150%; font-weight:bold}
.cus_center span{float:right; color:#1b1b1b; font-size:100%; margin-top:1%;}
.cus_center span strong{font-weight:bold;}

.cus_btn{margin:3% 0;}
.cus_btn a{display:block; float:left; width:48.5%; background-color:#2252c1; color:#fff; font-size:116%; text-align:center; padding:2% 0;}



.cus_center p{color:#1b1b1b;font-size:100%;margin-bottom: 2%;}
.cus_center p img{color:#fff; font-size:100%; width:3.8%; vertical-align:middle;}

.cus_center .map{position:relative; padding:40% 0; margin:0 0 3%;  }
.cus_center .map .root_daum_roughmap{position:absolute; top:0; left:0; width:100% !Important; height:100%;}
.root_daum_roughmap .border1 {display:none;}
.root_daum_roughmap .wrap_map {height:100%;}

.f_info{background-color: #252525;border-bottom:1px solid #6d6d6d;}
.f_link {border-bottom:1px solid #6d6d6d; margin-bottom:4%}
.f_link a{position:relative; display:block; float:left; width:25%; padding:3% 0; color:#6d6d6d; text-align:center;}
.f_link a::after{position:absolute;top:50%;right: -4%;color:#6d6d6d;font-size:85%;margin-top: -9%;content:'|';}
.f_link a.last::after{ content:'';}


.f_list h4{width:40%; margin:0 auto 4%;}
.f_list li{margin-bottom:2%;color: #c1c1c1;font-size:90%;text-align:center;}
.f_list li h5{color:#fff; font-size:110%; text-align:center;  line-height:1.5em}

.f_slide {padding:2% 0 !important; background-color:#fff;}
.f_slide li{width:auto}
.f_slide img{width:90px;}

.f_sns{text-align:center;padding: 4% 0;border-top:1px solid #6d6d6d;border-bottom:1px solid #6d6d6d;margin-top: 5%;}
.f_sns a{display:inline-block; width:12.5%; margin:0 1%;}



.consult_wrap {opacity:0;background-color: #2252c1;}
.consult_wrap .wrap_in{position:relative; background-color:#2252c1;}
.consult_wrap.fix {position:fixed;width:100%;bottom:0;left:0;z-index: 100;}
.consult_wrap h4{color:#fff;text-align: center;margin-bottom: 2%;}
.consult_wrap h4 a{color:#fff;}
.consult_wrap h4 img{vertical-align:middle;}



.consult_wrap form{
    position: relative;
}
.consult_wrap form input{text-indent:5px; border-radius:3px}
.consult_wrap form input[type="text"],.consult_wrap form .nice-select,.consult_wrap form button{display:block;float:left;font-size: 15px;height: 36px;line-height: 36px;border: 0;font-weight: 400;}
.consult_wrap form div{}
.consult_wrap form input[type="text"],.consult_wrap form .nice-select{ margin-right:2%}
.consult_wrap form button {position:absolute;top:0;right:0;width:26%;display:block;background:url(/images/common/send.png) no-repeat 50% #1b1b1b;background-size:71%;text-align:center;border-radius:3px;height: 100%;}

.consult_wrap form input.wr_name{width:29%;}
.consult_wrap form input.wr_1{width:41%;}


.agree_chk {font-size: 13px;padding: 2% 0 0;}
.agree_chk input{display:none;}
.agree_chk label{color: #7398ec;}
.agree_chk label a{color: #7398ec;}
.agree_chk span{display:inline-block;width: 20px;height: 20px;border-radius:50%;border: 2px solid #7398ec;vertical-align: middle;}
.agree_icon{display:none;position: relative;right: -3px;top: -3px;font-size: 19px;}
.agree_chk input[type="checkbox"]:checked + label .agree_icon{display:block;}

.db_link{margin-top:2%;background-color: #1b1b1b;}
.db_link a{float:left; width:50%;}